$(function () {
    // 0.切换 登录 注册 容器-------------------------
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })

    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 1.向 layui 添加 校验规则-------------------------
    layui.form.verify({
        // a.密码 校验规则 和 错误消息
        pwd: [/^\S{6,12}$/, '密码长度：6-12'],
        // b.两个密码是否相同校验，如果相同，不返回内容；否则 返回错误消息字符串
        repwd(rePwdValue) {
            const pwdStr = $('#form_reg [name=password]').val()
            if (pwdStr !== rePwdValue) {
                return '两次密码输入不一致哦，亲~！'
            }
        }
    })

    // 2.为 登录表单 绑定提交事件处理函数----------------
    $('#form_login').on('submit', function (e) {
        // a.阻止表单默认提交行为
        e.preventDefault()
        // b.获取登录表单的数据
        let data = $(this).serialize()
        // c.发送ajax请求登录接口
        $.ajax({
            method: 'post',
            url: '/api/login',
            data, // data:data
            success(res) {
                // 判断是否 登录失败
                if (res.status === 1) {
                    return layui.layer.alert('登录失败了哦，亲~！')
                }
                // 如果登录成功，则
                // 将 返回的 token 保存到本地localStorage中
                localStorage.setItem('token', res.token)
                // 跳转到 网站首页（不保存跳转历史）
                location.replace('/index.html')
                // location = '/index.html'
                // location.href = '/index.html'
                // location.assign('/index.html')

            }
        })
    })

    // 3.为 注册表单 绑定提交事件处理函数-----------------
    $('#form_reg').on('submit', function (e) {
        // a.阻止表单默认提交行为
        e.preventDefault()
        // b.获取注册表单的数据
        // let data = $(this).serialize()
        let data = layui.form.val("form_reg");
        // 将 确认密码 设置为空
        data.repassword = null
        // c.发送 ajax请求 到 注册接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data, // data:data
            success(res) {
                // 判断是否 登录失败
                if (res.status === 1) {
                    return layui.layer.alert(res.message)
                }
                layui.layer.alert('注册成功了哦，亲~！')
                // 如果注册成功，则 自动切换到 登录 div显示
                // $('#link_login').click()
                $('#link_login').trigger('click')
            }
        })
    })
})